<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城 - 小米10 Pro、Redmi K30、小米MIX Alpha，小米电视官方网站</title>
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./reset/reset.css">
    <link rel="stylesheet" href="./MI.css">
    <link rel="stylesheet" href="../Swiper/swiper.min.css">
</head>

<body>
    <!-- ============================头部 start============================-->
    <header class="site-topbar wrapper">
        <nav class="topbar container">
            <ul class="topbar-right">
                <li><a href="javascript:;">小米商城</a></li>
                <span>|</span>
                <li><a href="javascript:;">MIUI</a></li>
                <span>|</span>
                <li><a href="javascript:;">IoT</a></li>
                <span>|</span>
                <li><a href="javascript:;">云服务</a></li>
                <span>|</span>
                <li><a href="javascript:;">金融</a></li>
                <span>|</span>
                <li><a href="javascript:;">有品</a></li>
                <span>|</span>
                <li><a href="javascript:;">小爱开放平台</a></li>
                <span>|</span>
                <li><a href="javascript:;">企业团购</a></li>
                <span>|</span>
                <li><a href="javascript:;">资质证照</a></li>
                <span>|</span>
                <li><a href="javascript:;">协议规则</a></li>
                <span>|</span>
                <li class="QR-trigger">
                    <a href="javascript:;">下载app</a>
                    <div class="dropDown-QR">
                        <img src="./img/header/QRcode.png" alt="">
                        <span>小米商城app</span>
                    </div>
                </li>
                <span>|</span>
                <li><a href="javascript:;">Select Location</a></li>
            </ul>
            <ul class="topbar-left">
                <li><a href="">登陆</a></li>
                <span>|</span>
                <li><a href="">注册</a></li>
                <span>|</span>
                <li><a href="">消息通知</a></li>
                <li class="cart">
                    <i class="fa fa-shopping-cart"></i>
                    <a href="javascript:;">购物车（0）</a>
                    <div class="shop-dropdown">
                        <div class="loading-container" id="loading-container">
                            <div class="loading"></div>
                        </div>
                        <span style="display: none;">购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                </li>
            </ul>
        </nav>
    </header>
    <nav class="site-navbar wrapper">
        <div class="navbar container">

            <div class="site-logo" title="小米官网">

                <img src="./img/header/mi-home.png">
                <img src="./img/header/mi-logo.png">

            </div>
            <ul class="navbar-list">

                <li><a href="javascript:;">全部商品分类</a>
                <li class="navbar-product">
                    <a href="javascript:;">小米手机</a>

                    <div class="navbar-product-list wrapper">

                    </div>
                </li>
                <li class="navbar-product">
                    <a href="javascript:;">Redmi 红米</a>
                    <div class="navbar-product-list wrapper">

                    </div>
                </li>
                <li class="navbar-product">
                    <div class="navbar-product-list wrapper">

                    </div>
                    <a href="javascript:;">电视</a>
                </li>
                <li class="navbar-product">
                    <div class="navbar-product-list wrapper">

                    </div>
                    <a href="javascript:;">笔记本</a>
                </li>
                <li class="navbar-product">
                    <div class="navbar-product-list wrapper">

                    </div>
                    <a href="javascript:;">家电</a>
                </li>
                <li class="navbar-product">
                    <div class="navbar-product-list wrapper">

                    </div>
                    <a href="javascript:;">路由器</a>
                </li>
                <li class="navbar-product">
                    <div class="navbar-product-list wrapper">

                    </div>
                    <a href="javascript:;">硬件智能</a>
                </li>
                <li><a href="javascript:;">服务</a></li>
                <li><a href="javascript:;">社区</a></li>
                <div class="product-content">
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/82ddffd7562c54f9166fa876c143ff22.webp">
                            <p>小米10 pro</p>
                            <span>4999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/a4a76ee684e51f0ee531ef3dc7f0aeaf.webp">
                            <p>小米10</p>
                            <span>3999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/f515ab05232ed14ccd78ec67e024495a.png">
                            <p>小米CC9</p>
                            <span>1499元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/df9b3e7a562e02a33eb069b3f0119815.png">
                            <p>小米CC9e</p>
                            <span>1299元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/b02f50c9dd2e01c139a06a12502755ef.png">
                            <p>小米CC9 美图定制版</p>
                            <span>1999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/5d19da60f9f62eb2aa5dcdbd7df19f0f.webp">
                            <p>小米MIX Alpha</p>
                            <span>19999元起</span>
                        </div>
                    </div>
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/0203f4e7dafcc0c9016a1b48556abf30.jpg">
                            <p>Redmi K30 Pro</p>
                            <span>2999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/e95616fd1620e469386f007eeab1c763.jpg">
                            <p>Redmi K30 Pro</p>
                            <span>3799元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/cff2977b8aab1e43b94b2f00083f4ae1.jpg">
                            <p>Redmi K30</p>
                            <span>1699元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/742a328bdaa242aea89ec2a9c8661013.jpg">
                            <p>Redmi K30 5G</p>
                            <span>1999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/398311b2e6f47ac324ba0421a0ac1b80.png">
                            <p>Redmi 8A</p>
                            <span>599元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/dacd6a3d8440b7a038e9778702bd6db6.png">
                            <p>Redmi Note 8</p>
                            <span>899元起</span>
                        </div>
                    </div>
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/0112cb7e2ea8489fbd36ce3a781d5232.jpg">
                            <p>Redmi 智能电视 MAX 98"</p>
                            <span>19999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/6917267948c54c647d2009a98637aac6.jpg">
                            <p>Redmi 红米电视 70英寸 R70A</p>
                            <span>2999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/00f597a8725eee9245e383c35cd4f7b6.jpg">
                            <p>小米壁画电视 65英寸</p>
                            <span>6999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/a40904b6a053b73b631a152334388d0e.jpg">
                            <p>小米全面屏电视E55A</p>
                            <span>1749元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/e8f4e22f6d591825f8f150b3309c750b.png">
                            <p>小米电视4A 32英寸</p>
                            <span>699元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/bf72a3e9a6e799cb71ecfa7d80465351.jpg">
                            <p>小米电视4A 55英寸</p>
                            <span>1699元起</span>
                        </div>
                    </div>
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/6abc701fb3cf48f2c7a3fd5ef053529a.jpg">
                            <p>RedmiBook 13</p>
                            <span>4499元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/d712f71b3c4a3b562601c2b956a660ad.png">
                            <p>小米笔记本Pro 15</p>
                            <span>5499元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/6a25f895ad6019c3fae32fd1f48a2c7c.png">
                            <p>RedmiBook 14</p>
                            <span>4499元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/33c6a31aaee90164ce963801bec48e64.png">
                            <p>游戏本2019款</p>
                            <span>7499元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/bb159dbe860ee434b52d8eed9e9fd424.png">
                            <p>小米笔记本 15.6"</p>
                            <span>3999元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/95c4329ce2c454e2a5fa1e0931528a46.png">
                            <p>小米笔记本Air 12.5"</p>
                            <span>3299元起</span>
                        </div>
                    </div>
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/03dc85cd792904ddc8027b2d781beed8.png">
                            <p>米家互联网空调C1(一级效能)</p>
                            <span>1999元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/e06b219c5bced9256467b17738a943c6.png">
                            <p>米家互联网空调(一级效能)</p>
                            <span>1999元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/c5d772b7c2a159c3ed7d4e31bd293f18.jpg">
                            <p>Redmi全自动波轮洗衣机1A</p>
                            <span>749元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/11b8bca444aba2994fe852993eac9203.png">
                            <p>米家互联网洗烘一体机10Kg</p>
                            <span>1999元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/b7a4e3ff7919ca2407ad970b78abd09a.jpg">
                            <p>米家冷风对开门冰箱 483L</p>
                            <span>1999元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/40ad6e8398095e97309a5538b516a2de.jpg">
                            <p>米家开门冰箱 160L</p>
                            <span>899元</span>
                        </div>
                    </div>
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/359d3c63cc159949d8fe147a11b4bc40.png">
                            <p>小米AloT路由器AX3600</p>
                            <span>599元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/aa1e0a4860cf40d34e1192d86691c82c.png">
                            <p>Redmi路由器AC2100</p>
                            <span>169元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/5dd23c09b7eb6471968537fdce629194.png">
                            <p>小米路由器AC2100</p>
                            <span>229元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/ec5be5f93ac0118aeec27b8df4337fc9.jpg">
                            <p>小米路由器 Mesh</p>
                            <span>999元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/026a28fc18eff2cfa4d26a799a2da9cc.jpg">
                            <p>小米路由器4A 千兆版</p>
                            <span>129元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/28efac56ef4c4942077dac7e30e8c624.jpg">
                            <p>小米路由器4C</p>
                            <span>59元</span>
                        </div>
                    </div>
                    <div class="nav-product-container container">
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/2a500be4264c692899b25d86c16403f7.jpg">
                            <p>小米米家智能摄像机云台版</p>
                            <span>199元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/e3fb0886fdb13e5ae784b9713b9a0038.jpg">
                            <p>小米小爱老师</p>
                            <span>429元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/5630aa997c82409ee33b2814c7eb2244.jpg">
                            <p>小米米家智能门锁</p>
                            <span>1199元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/dccc32d8e36685485fa89e0f2a580975.png">
                            <p>Redmi小爱触屏音箱</p>
                            <span>349元</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg">
                            <p>小米小爱触屏音箱</p>
                            <span>199元起</span>
                        </div>
                        <div class="navbar-product-item">
                            <img src="./img/navbar-product-item/17c0c91317ec0def3ecc072fa9480192.png">
                            <p>Redmi小爱音箱 Play</p>
                            <span>79元起</span>
                        </div>
                    </div>
                </div>

            </ul>
            <div class="search">
                <form action="">
                    <input type="search">
                    <button class="x"><i class="fa fa-search" aria-hidden="true"></i></button>
                    <div class="search-hot-words">
                        <a href="javascript:;">小米10</a>
                        <a href="javascript:;">Redmi K30 Pro</a>
                    </div>
                    <ul class="search-words-list">
                        <li><a href="javascript:;">Redmi K30</a></li>
                        <li><a href="javascript:;">小米10</a></li>
                        <li><a href="javascript:;">Redmi Note 8</a></li>
                        <li><a href="javascript:;">小米CC9</a></li>
                        <li><a href="javascript:;">黑鲨游戏手机</a></li>
                        <li><a href="javascript:;">小米电视</a></li>
                        <li><a href="javascript:;">小米笔记本</a></li>
                        <li><a href="javascript:;">路由器</a></li>
                        <li><a href="javascript:;">小爱音箱</a></li>
                        <li><a href="javascript:;">净水器</a></li>
                    </ul>
                </form>
            </div>
        </div>
    </nav>
    <!--============================头部 end============================ -->




    <!-- ============================banner start============================-->
    <section class="site-banner wrapper">
        <div class="swiper-container banner container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:;"><img src="./img/banner/a38b1d56409913d5dc869023ade36d94.webp"></a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;"><img src="./img/banner/141eecc141db5245ddaf5a124cc498a6.webp"></a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;"><img src="./img/banner/d0dd9ddba6b922ad66698e6447dbd5f1.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;"><img src="./img/banner/ff21ffde85c613d276ccc11ad0d080a9.webp"></a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:;"><img src="./img/banner/6bd4174b8c5aad67a64864a5716ad152.webp"></a>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="banner-point-container"></div>

            <!-- 如果需要导航按钮 -->
            <div class="prev"></div>
            <div class="next"></div>
            <div class="category-wrapper">
                <ul class="category">
                    <li>
                        <a href="javascript:;">手机 电话卡</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">电视 盒子</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">笔记本 显示器 平板</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">家电 插线板</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">出行 穿戴</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">智能 路由器</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">电源 配件</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">健康 儿童</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">耳机 音箱</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">生活 箱包</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                </ul>
            </div>
        </div>

    </section>
    <!-- <section class="site-banner wrapper">
        <div class="banner container">
            <ul class="bannerImg-list clearfix">
                <li><a href="javascript:;"><img src="./img/banner/a38b1d56409913d5dc869023ade36d94.webp"></a></li>
                <li><a href="javascript:;"><img src="./img/banner/141eecc141db5245ddaf5a124cc498a6.webp"></a></li>
                <li><a href="javascript:;"><img src="./img/banner/d0dd9ddba6b922ad66698e6447dbd5f1.jpg"></a></li>
                <li><a href="javascript:;"><img src="./img/banner/ff21ffde85c613d276ccc11ad0d080a9.webp"></a></li>
                <li><a href="javascript:;"><img src="./img/banner/6bd4174b8c5aad67a64864a5716ad152.webp"></a></li>
                <ul class="banner-point-container">
                    <li class="swiper-pagination-customs swiper-pagination-customs-active"><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                </ul>
                <div class="next"></div>
                <div class="prev"></div>
            </ul>
            <div class="category-wrapper">
                <ul class="category">
                    <li>
                        <a href="javascript:;">手机 电话卡</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">电视 盒子</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">笔记本 显示器 平板</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">家电 插线板</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">出行 穿戴</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">智能 路由器</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">电源 配件</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">健康 儿童</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">耳机 音箱</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:;">生活 箱包</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                </ul>
            </div>
        </div>
    </section> -->
    <!--============================banner end============================ -->
    <!-- ============================banner-sub start============================-->
    <section class="banner-sub wrapper">
        <div class="sub container">
            <div class="channel-list">
                <ul>
                    <li><a href="javascript:;"><img src="./img/channel/1.png" alt="">小米秒杀</a></li>
                    <li><a href="javascript:;"><img src="./img/channel/2.png" alt="">企业团购</a></li>
                    <li class="none"><a href="javascript:;"><img src="./img/channel/3.png" alt="">F码通道</a></li>
                    <li><a href="javascript:;"><img src="./img/channel/4.png" alt="">米粉卡</a></li>
                    <li><a href="javascript:;"><img src="./img/channel/5.png" alt="">以旧换新</a></li>
                    <li class="none"><a href="javascript:;"><img src="./img/channel/6.png" alt="">话费充值</a></li>
                </ul>
            </div>
            <div class="promoList">
                <div><img src="./img/promo/35a2239e10e392af73b6b7a737a039d6.jpg"></div>
                <div><img src="./img/promo/50beb6e77e316ff0637d79ad1869572e.jpg"></div>
                <div><img src="img/promo/816a66edef10673b4768128b41804cae.jpg"></div>
            </div>
        </div>
    </section>
    <!-- ============================banner-sub end============================-->




    <!-- ============================main start============================-->
    <main class="product wrapper">
        <div class="flashsale container">
            <div class="box-hd">
                <h3>小米闪购</h3>
                <div class="pageUp">
                    <span class="flashsale-prev"><i class="fa fa-angle-left"></i></span>
                    <span class="flashsale-next"><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <div class="main-container">
                <div class="flashsale-item countDown">
                    <p>10:00 场</p>
                    <img src="./img/flashSale/download.png">
                    <p class="flash-state">距离结束还有</p>
                    <div>
                        <span id="h"></span> <i>:</i>
                        <span id="m"></span> <i>:</i>
                        <span id="s"></span>
                    </div>
                </div>
                <div class="product-container">
                    <ul class="product-list" id="listMove" style="left: 0px;">
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1567422854.51919656.jpg" alt="">
                                <h3 class="title">Redmi Note 8 4GB+64GB 曜石黑</h3>
                                <p class="desc">千元4800万四摄</p>
                                <p class="price">
                                    <span>899元</span>
                                    <del>999元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1571038766.41824452.jpg" alt="">
                                <h3 class="title">MIJOY 抽纸青春版 24包/箱</h3>
                                <p class="desc">精选原生竹浆，健康环保</p>
                                <p class="price">
                                    <span>27.9元</span>
                                    <del>32.9元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1570966389.09443003.jpg" alt="">
                                <h3 class="title">米家自动泡沫洗洁精机套装 白色</h3>
                                <p class="desc">感应出泡，高效清洁</p>
                                <p class="price">
                                    <span>69元</span>
                                    <del>79元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1527060327.66235934.jpg" alt="">
                                <h3 class="title">小米电视4C 32英寸 黑色 32英寸</h3>
                                <p class="desc">高清液晶屏，人工智能系统</p>
                                <p class="price">
                                    <span>699元</span>
                                    <del>799元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1568616753.58243142.jpg" alt="">
                                <h3 class="title">小米小爱音箱 白色</h3>
                                <p class="desc">全面升级 旗舰音质</p>
                                <p class="price">
                                    <span>249</span>
                                    <del>269元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1569243469.43437392.jpg" alt="">
                                <h3 class="title">米家电动剃须刀 往复双刀头 黑色</h3>
                                <p class="desc">超薄便携，浮动双刀</p>
                                <p class="price">
                                    <span>159元</span>
                                    <del>179元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1567422175.57093562.jpg" alt="">
                                <h3 class="title">Redmi Note 8 6GB+64GB 皓月白</h3>
                                <p class="desc">千元4800万四摄</p>
                                <p class="price">
                                    <span>999元</span>
                                    <del>1199元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/3e2a4f04bb369ba5668ab30eb336f722.webp" alt="">
                                <h3 class="title">米家扫拖机器人 黑色</h3>
                                <p class="desc">扫得干净，拖得彻底</p>
                                <p class="price">
                                    <span>1599元</span>
                                    <del>1999元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1567422854.51919656.jpg" alt="">
                                <h3 class="title">Redmi Note 8 4GB+64GB 曜石黑</h3>
                                <p class="desc">千元4800万四摄</p>
                                <p class="price">
                                    <span>899元</span>
                                    <del>999元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1571038766.41824452.jpg" alt="">
                                <h3 class="title">MIJOY 抽纸青春版 24包/箱</h3>
                                <p class="desc">精选原生竹浆，健康环保</p>
                                <p class="price">
                                    <span>27.9元</span>
                                    <del>32.9元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1570966389.09443003.jpg" alt="">
                                <h3 class="title">米家自动泡沫洗洁精机套装 白色</h3>
                                <p class="desc">感应出泡，高效清洁</p>
                                <p class="price">
                                    <span>69元</span>
                                    <del>79元</del>
                                </p>
                            </a>
                        </li>
                        <li class="flashsale-item">
                            <a href="javascript:;">
                                <img src="./img/flashSale/pms_1527060327.66235934.jpg" alt="">
                                <h3 class="title">小米电视4C 32英寸 黑色 32英寸</h3>
                                <p class="desc">高清液晶屏，人工智能系统</p>
                                <p class="price">
                                    <span>699元</span>
                                    <del>799元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bg-bar">
                <img src="./img/bg-bar/bec26de77735b3939f21826cb7a8d9e8.webp">
            </div>
        </div>
        <div class="phone container">
            <div class="box-hd">
                <h3>手机</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <div class="main-container">
                <div class="big-item">
                    <img src="./img/phone/574c6643ab91c6618bfb2d0e2c761d0b.webp">
                </div>
                <ul class="product-list">
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/8729282b199b3ec51e31c1b6b15f3f93.webp">
                            <h3 class="title">小米10 青春版 5G</h3>
                            <p class="desc">50倍潜望式变焦 / 轻薄5G手机</p>
                            <p class="price">
                                <span>2099元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/0099822e42b4428cb25c4cdebc6ca53d.webp">
                            <h3 class="title">小米10</h3>
                            <p class="desc">骁龙865/1亿像素相机</p>
                            <p class="price">
                                <span>3999元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/c1aafa589258a4d9fdf49831b457418d.webp">
                            <h3 class="title">Redmi K30 Pro</h3>
                            <p class="desc">双模5G，骁龙865，弹出全面屏</p>
                            <p class="price">
                                <span>2999元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/7cfdbce40301133a287e9e57faa37bdf.webp">
                            <h3 class="title">Redmi K30 Pro 变焦版</h3>
                            <p class="desc">双模5G，骁龙865，弹出全面屏</p>
                            <p class="price">
                                <span>3799元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/ccd09671448c4cdb4a3817f68f788662.webp">
                            <h3 class="title">小米10 Pro</h3>
                            <p class="desc">骁龙865 / 50倍变焦</p>
                            <p class="price">
                                <span>4999元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/2c16238f786e4f93bdb175d7bf21aa47.webp">
                            <h3 class="title">Redmi K30</h3>
                            <p class="desc">120Hz流速屏，全速热爱</p>
                            <p class="price">
                                <span>1599元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/53641901fbc28cbcdb495b17fdf69e46.webp">
                            <h3 class="title">Redmi K30 5G</h3>
                            <p class="desc">双模5G，120Hz流速屏</p>
                            <p class="price">
                                <span>1999元起</span>
                            </p>
                        </a>
                    </li>
                    <li class="product-item">
                        <a href="javascript:;">
                            <img src="./img/phone/d295c4fb500d163a7045dc715b47f808.webp">
                            <h3 class="title">Redmi 8</h3>
                            <p class="desc">5000mAh超长续航</p>
                            <p class="price">
                                <span>699元起</span>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="bg-bar">
                <img src="./img/phone/41d16e66381cfeda7b6b39ab67678d5e.webp">
            </div>
        </div>
        <div class="appliances container">
            <div class="box-hd">
                <h3>家电</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <ul class="product-list">
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b56fd90a60e3d9e5d87dae9fbd427ea8.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef4c68fed730ec26bf2fa0ff620975c5.webp">
                        <h3 class="title">Redmi 红米电视 70英寸</h3>
                        <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/8b3fe3a07ef69fb4c959e39c768c7525.webp">
                        <h3 class="title">小米全面屏电视E32C</h3>
                        <p class="desc">全面屏设计，人工智能系统</p>
                        <p class="price">
                            <span>699元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef6b4e9b9151849b3b1fb1dbf069c6ed.webp">
                        <h3 class="title">小米全面屏电视E55A</h3>
                        <p class="desc">全面屏设计，人工智能语音</p>
                        <p class="price">
                            <span>1749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/2b911be4c2f156bb6e4cf367c6080045.jpg">
                        <h3 class="title">米家空调</h3>
                        <p class="desc">出众静音，快速制冷热</p>
                        <p class="price">
                            <span>1299元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b67de5a8ce9025fb5d8bac66e019d1c3.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ec20453216dcd42f982cffe5fdbc3115.webp">
                        <h3 class="title">米家互联网洗烘一体机 Pro 10kg</h3>
                        <p class="desc">智能洗烘，省心省力</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/b8c63a2024528fe5410ebe669b7d2407.webp">
                        <h3 class="title">Redmi全自动波轮洗衣机1A 8kg</h3>
                        <p class="desc">一键操作，父母都爱用</p>
                        <p class="price">
                            <span>749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/cd2aa2dcad6440b469c22e27db9b6236.webp">
                        <h3 class="title">15.6" 四核i7 16G 独显 512G</h3>
                        <p class="desc">全面均衡的国民轻薄本</p>
                        <p class="price">
                            <span>4699元</span>
                        </p>
                    </a>
                </li>
                <li class="small-container">
                    <div class="product-item-small">
                        <h3>Air 13.3" 2019款 </h3>
                        <p>3999元起</p>
                        <img src="./img/appliances/74e573c4c0d89048392d14831cc507d5.webp">
                    </div>
                    <div class="product-item-small">
                        <h3 class="more">浏览更多</h3>
                        <span>热门</span>
                        <img src="./img/main/OA06{E0]LDW4GBPDV{90X}G.png">
                    </div>
                </li>
            </ul>
            <div class="bg-bar">
                <img src="./img/appliances/59e8fc8ba9718c266882719fb4bbcedd.webp">
            </div>
        </div>
        <div class="intelligent container">
            <div class="box-hd">
                <h3>智能</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <ul class="product-list">
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b56fd90a60e3d9e5d87dae9fbd427ea8.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef4c68fed730ec26bf2fa0ff620975c5.webp">
                        <h3 class="title">Redmi 红米电视 70英寸</h3>
                        <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/8b3fe3a07ef69fb4c959e39c768c7525.webp">
                        <h3 class="title">小米全面屏电视E32C</h3>
                        <p class="desc">全面屏设计，人工智能系统</p>
                        <p class="price">
                            <span>699元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef6b4e9b9151849b3b1fb1dbf069c6ed.webp">
                        <h3 class="title">小米全面屏电视E55A</h3>
                        <p class="desc">全面屏设计，人工智能语音</p>
                        <p class="price">
                            <span>1749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/2b911be4c2f156bb6e4cf367c6080045.jpg">
                        <h3 class="title">米家空调</h3>
                        <p class="desc">出众静音，快速制冷热</p>
                        <p class="price">
                            <span>1299元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b67de5a8ce9025fb5d8bac66e019d1c3.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ec20453216dcd42f982cffe5fdbc3115.webp">
                        <h3 class="title">米家互联网洗烘一体机 Pro 10kg</h3>
                        <p class="desc">智能洗烘，省心省力</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/b8c63a2024528fe5410ebe669b7d2407.webp">
                        <h3 class="title">Redmi全自动波轮洗衣机1A 8kg</h3>
                        <p class="desc">一键操作，父母都爱用</p>
                        <p class="price">
                            <span>749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/cd2aa2dcad6440b469c22e27db9b6236.webp">
                        <h3 class="title">15.6" 四核i7 16G 独显 512G</h3>
                        <p class="desc">全面均衡的国民轻薄本</p>
                        <p class="price">
                            <span>4699元</span>
                        </p>
                    </a>
                </li>
                <li class="small-container">
                    <div class="product-item-small">
                        <h3>Air 13.3" 2019款 </h3>
                        <p>3999元起</p>
                        <img src="./img/appliances/74e573c4c0d89048392d14831cc507d5.webp">
                    </div>
                    <div class="product-item-small">
                        <h3 class="more">浏览更多</h3>
                        <span>热门</span>
                        <img src="./img/main/OA06{E0]LDW4GBPDV{90X}G.png">
                    </div>
                </li>
            </ul>
            <div class="bg-bar">
                <img src="./img/bg-bar/29f58f8b69aaa6333fdcba2ef0a5a595.webp">
            </div>
        </div>
        <div class="collocation container">
            <div class="box-hd">
                <h3>家电</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <ul class="product-list">
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b56fd90a60e3d9e5d87dae9fbd427ea8.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef4c68fed730ec26bf2fa0ff620975c5.webp">
                        <h3 class="title">Redmi 红米电视 70英寸</h3>
                        <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/8b3fe3a07ef69fb4c959e39c768c7525.webp">
                        <h3 class="title">小米全面屏电视E32C</h3>
                        <p class="desc">全面屏设计，人工智能系统</p>
                        <p class="price">
                            <span>699元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef6b4e9b9151849b3b1fb1dbf069c6ed.webp">
                        <h3 class="title">小米全面屏电视E55A</h3>
                        <p class="desc">全面屏设计，人工智能语音</p>
                        <p class="price">
                            <span>1749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/2b911be4c2f156bb6e4cf367c6080045.jpg">
                        <h3 class="title">米家空调</h3>
                        <p class="desc">出众静音，快速制冷热</p>
                        <p class="price">
                            <span>1299元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b67de5a8ce9025fb5d8bac66e019d1c3.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ec20453216dcd42f982cffe5fdbc3115.webp">
                        <h3 class="title">米家互联网洗烘一体机 Pro 10kg</h3>
                        <p class="desc">智能洗烘，省心省力</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/b8c63a2024528fe5410ebe669b7d2407.webp">
                        <h3 class="title">Redmi全自动波轮洗衣机1A 8kg</h3>
                        <p class="desc">一键操作，父母都爱用</p>
                        <p class="price">
                            <span>749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/cd2aa2dcad6440b469c22e27db9b6236.webp">
                        <h3 class="title">15.6" 四核i7 16G 独显 512G</h3>
                        <p class="desc">全面均衡的国民轻薄本</p>
                        <p class="price">
                            <span>4699元</span>
                        </p>
                    </a>
                </li>
                <li class="small-container">
                    <div class="product-item-small">
                        <h3>Air 13.3" 2019款 </h3>
                        <p>3999元起</p>
                        <img src="./img/appliances/74e573c4c0d89048392d14831cc507d5.webp">
                    </div>
                    <div class="product-item-small">
                        <h3 class="more">浏览更多</h3>
                        <span>热门</span>
                        <img src="./img/main/OA06{E0]LDW4GBPDV{90X}G.png">
                    </div>
                </li>
            </ul>
            <div class="bg-bar">
                <img src="./img/bg-bar/89c2a209b742fce9b10d9d196149d634.webp">
            </div>
        </div>
        <div class="parts container">
            <div class="box-hd">
                <h3>搭配</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <ul class="product-list">
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b56fd90a60e3d9e5d87dae9fbd427ea8.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef4c68fed730ec26bf2fa0ff620975c5.webp">
                        <h3 class="title">Redmi 红米电视 70英寸</h3>
                        <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/8b3fe3a07ef69fb4c959e39c768c7525.webp">
                        <h3 class="title">小米全面屏电视E32C</h3>
                        <p class="desc">全面屏设计，人工智能系统</p>
                        <p class="price">
                            <span>699元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef6b4e9b9151849b3b1fb1dbf069c6ed.webp">
                        <h3 class="title">小米全面屏电视E55A</h3>
                        <p class="desc">全面屏设计，人工智能语音</p>
                        <p class="price">
                            <span>1749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/2b911be4c2f156bb6e4cf367c6080045.jpg">
                        <h3 class="title">米家空调</h3>
                        <p class="desc">出众静音，快速制冷热</p>
                        <p class="price">
                            <span>1299元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b67de5a8ce9025fb5d8bac66e019d1c3.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ec20453216dcd42f982cffe5fdbc3115.webp">
                        <h3 class="title">米家互联网洗烘一体机 Pro 10kg</h3>
                        <p class="desc">智能洗烘，省心省力</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/b8c63a2024528fe5410ebe669b7d2407.webp">
                        <h3 class="title">Redmi全自动波轮洗衣机1A 8kg</h3>
                        <p class="desc">一键操作，父母都爱用</p>
                        <p class="price">
                            <span>749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/cd2aa2dcad6440b469c22e27db9b6236.webp">
                        <h3 class="title">15.6" 四核i7 16G 独显 512G</h3>
                        <p class="desc">全面均衡的国民轻薄本</p>
                        <p class="price">
                            <span>4699元</span>
                        </p>
                    </a>
                </li>
                <li class="small-container">
                    <div class="product-item-small">
                        <h3>Air 13.3" 2019款 </h3>
                        <p>3999元起</p>
                        <img src="./img/appliances/74e573c4c0d89048392d14831cc507d5.webp">
                    </div>
                    <div class="product-item-small">
                        <h3 class="more">浏览更多</h3>
                        <span>热门</span>
                        <img src="./img/main/OA06{E0]LDW4GBPDV{90X}G.png">
                    </div>
                </li>
            </ul>
            <div class="bg-bar">
                <img src="./img/bg-bar/10fb0086cb21120c53248a3d8cc56dc5.webp">
            </div>
        </div>
        <div class="souvenir container">
            <div class="box-hd">
                <h3>周边</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <ul class="product-list">
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b56fd90a60e3d9e5d87dae9fbd427ea8.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef4c68fed730ec26bf2fa0ff620975c5.webp">
                        <h3 class="title">Redmi 红米电视 70英寸</h3>
                        <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/8b3fe3a07ef69fb4c959e39c768c7525.webp">
                        <h3 class="title">小米全面屏电视E32C</h3>
                        <p class="desc">全面屏设计，人工智能系统</p>
                        <p class="price">
                            <span>699元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ef6b4e9b9151849b3b1fb1dbf069c6ed.webp">
                        <h3 class="title">小米全面屏电视E55A</h3>
                        <p class="desc">全面屏设计，人工智能语音</p>
                        <p class="price">
                            <span>1749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/2b911be4c2f156bb6e4cf367c6080045.jpg">
                        <h3 class="title">米家空调</h3>
                        <p class="desc">出众静音，快速制冷热</p>
                        <p class="price">
                            <span>1299元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item hotProduct">
                    <a href="javascript:;">
                        <img src="./img/appliances/b67de5a8ce9025fb5d8bac66e019d1c3.webp">
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/ec20453216dcd42f982cffe5fdbc3115.webp">
                        <h3 class="title">米家互联网洗烘一体机 Pro 10kg</h3>
                        <p class="desc">智能洗烘，省心省力</p>
                        <p class="price">
                            <span>2999元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/b8c63a2024528fe5410ebe669b7d2407.webp">
                        <h3 class="title">Redmi全自动波轮洗衣机1A 8kg</h3>
                        <p class="desc">一键操作，父母都爱用</p>
                        <p class="price">
                            <span>749元</span>
                        </p>
                    </a>
                </li>
                <li class="product-item">
                    <a href="javascript:;">
                        <img src="./img/appliances/cd2aa2dcad6440b469c22e27db9b6236.webp">
                        <h3 class="title">15.6" 四核i7 16G 独显 512G</h3>
                        <p class="desc">全面均衡的国民轻薄本</p>
                        <p class="price">
                            <span>4699元</span>
                        </p>
                    </a>
                </li>
                <li class="small-container">
                    <div class="product-item-small">
                        <h3>Air 13.3" 2019款 </h3>
                        <p>3999元起</p>
                        <img src="./img/appliances/74e573c4c0d89048392d14831cc507d5.webp">
                    </div>
                    <div class="product-item-small">
                        <h3 class="more">浏览更多</h3>
                        <span>热门</span>
                        <img src="./img/main/OA06{E0]LDW4GBPDV{90X}G.png">
                    </div>
                </li>
            </ul>
            <div class="bg-bar">
                <img src="./img/bg-bar/88e35cffc82cd98cd53172460067af17.webp">
            </div>
        </div>
        <div class="video container">
            <div class="box-hd">
                <h3>视频</h3>
                <div class="view-all">
                    <a href="javascript:;">查看全部</a>
                    <span><i class="fa fa-angle-right"></i></span>
                </div>
            </div>
            <ul class="video-list">
                <li class="video-item" title="点击播放视频">
                    <span class="play-video"><i class="fa fa-play"></i></span>
                    <img src="./img/videoImg/96563e75833ba4563bd469dd28203b09.webp">
                    <h3>小米10 青春版 发布会</h3>
                </li>
                <li class="video-item" title="点击播放视频">
                    <span class="play-video"><i class="fa fa-play"></i></span>
                    <img src="./img/videoImg/2fd26bb99b723337a2f8eaba84f7d5bb.webp">
                    <h3>小米10 8K手机拍大片</h3>
                </li>
                <li class="video-item" title="点击播放视频">
                    <span class="play-video"><i class="fa fa-play"></i></span>
                    <img src="./img/videoImg/a8dd25cab48c60fc6387b9001eddc3f9.webp">
                    <h3>小米10发布会</h3>
                </li>
                <li class="video-item" title="点击播放视频">
                    <span class="play-video"><i class="fa fa-play"></i></span>
                    <img src="./img/videoImg/b4004fc968de331f702585d58b15aba2.webp">
                    <h3>小米MIX Alpha 开箱视频</h3>
                </li>
            </ul>
        </div>
    </main>
    <!-- ============================main end============================-->



    <!-- ============================footer start============================-->
    <footer class="wrapper">
        <div class="site-footer container">
            <ul class="postSale">
                <li> <a href="javascript:;">预约维修服务</a></li>
                <li> <a href="javascript:;">7天无理由退货</a></li>
                <li> <a href="javascript:;">15天免费换货</a></li>
                <li> <a href="javascript:;">满99包邮</a></li>
                <li class="noLine"> <a href="javascript:;">520余家售后网点</a></li>
            </ul>
        </div>
        <div class="service container">
            <ul>
                <p>帮助中心</p>
                <li><a href="javascript:;">账户管理</a></li>
                <li><a href="javascript:;">购物指南</a></li>
                <li><a href="javascript:;">订单操作</a></li>
            </ul>
            <ul>
                <p>服务支持</p>
                <li><a href="javascript:;">售后政策</a></li>
                <li><a href="javascript:;">自助服务</a></li>
                <li><a href="javascript:;">相关下载</a></li>
            </ul>
            <ul>
                <p>线下门店</p>
                <li><a href="javascript:;">小米之家</a></li>
                <li><a href="javascript:;">服务网点</a></li>
                <li><a href="javascript:;">授权体验店</a></li>
            </ul>
            <ul>
                <p>关于小米</p>
                <li><a href="javascript:;">了解小米</a></li>
                <li><a href="javascript:;">加入小米</a></li>
                <li><a href="javascript:;">投资者关系</a></li>
                <li><a href="javascript:;">廉洁举报</a></li>
            </ul>
            <ul>
                <p>关注我们</p>
                <li><a href="javascript:;">新浪微博</a></li>
                <li><a href="javascript:;">官方微信</a></li>
                <li><a href="javascript:;">联系我们</a></li>
                <li><a href="javascript:;">公益基金会</a></li>
            </ul>
            <ul>
                <p>特色服务</p>
                <li><a href="javascript:;">F 码通道</a></li>
                <li><a href="javascript:;">礼物码</a></li>
                <li><a href="javascript:;">防伪查询</a></li>
            </ul>
            <div class="contact">
                <p>400-100-5678</p>
                <p>8:00-18:00（仅收市话费）</p>
                <div class="manualTel">
                    <i class="fa fa-commenting"></i>
                    <span>人工客服</span>
                </div>
                <div class="follow">
                    <span>关注小米：</span>
                    <i class="fa fa-weibo"></i>
                    <i class="fa fa-weixin">
                        <img src="./img/footer/wx-img.png">
                    </i>
                </div>
            </div>
        </div>
    </footer>
    <footer class="footer-info wrapper">
        <div class="container clearfix">
            <div class="site-info">
                <div class="footer-logo"></div>
                <div class="info">
                    <p>小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 |
                        问题反馈 | Select Location</p>
                    <p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                    <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                    <p>增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12 食品经营许可证</p>
                    <p>违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                    <img src="./img/footer/truste.png">
                    <img src="./img/footer/v-logo-2.png">
                    <img src="./img/footer/v-logo-1.png">
                    <img src="./img/footer/ba10428a4f9495ac310fd0b5e0cf8370.png">
                </div>
                <div class="slogan"></div>
            </div>
        </div>
    </footer>
    <!-- ============================footer start============================-->




    <!-- ============================视频弹出层 start============================-->
    <aside class="video-mask" id="videoMask"></aside>
    <aside class="video-wrapper" id="videoContainer">
        <div class="videoModular">
            <div class="video-title">
                <span>小米10 8K手机拍大片</span>
                <a href="javascript:;" id="closeVideo">
                    <i class="fa fa-times"></i>
                </a>
            </div>
            <video width="100%" height="495px" controls id="video">
                <source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cdabcaa763392c86b944eaf4e68d6a3.mp4">
            </video>
        </div>
    </aside>
    <!-- ============================视频弹出层 end============================-->



    <!-- ============================侧边工具栏 start============================ -->
    <aside class="tool-bar-container">
        <ul class="tool-bar">
            <li>
                <img src="./img/tool-bar/74c4fcb4475af8308e9a670db9c01fdf.png">
                <p class="toolbarText">手机APP</p>
                <div class="downloadApp-QR">
                    <img src="./img/tool-bar/93650133310ec1c385487417a472a26c.png">
                    <span>
                        手机扫一扫一分赢好礼
                    </span>
                </div>
            </li>
            <li>
                <img src="./img/tool-bar/41f858550f42eb1770b97faf219ae215.png">
                <p class="toolbarText">个人中心</p>
            </li>
            <li>
                <img src="./img/tool-bar/95fbf0081a06eec7be4d35e277faeca0.png">
                <p class="toolbarText">售后服务</p>
            </li>
            <li>
                <img src="./img/tool-bar/5e9f2b1b0da09ac3b3961378284ef2d4.png">
                <p class="toolbarText">人工客服</p>
            </li>
            <li>
                <img src="./img/tool-bar/692a6c3b0a93a24f74a29c0f9d68ec71.png">
                <p class="toolbarText">购物车</p>
            </li>
            <li class="backtop">
                <img src="./img/tool-bar/totop_hover.png">
                <p class="toolbarText">回顶部</p>
            </li>
        </ul>
    </aside>






    <!-- ============================侧边工具栏 end============================ -->
    <script src="../Swiper/swiper.min.js"></script>
    <script src="./MI.js" defer></script>
</body>

</html>